import {React,Component} from 'react';
import Esurvey from '../../components/echarts_survey'
import Ecsdoctor from '../../components/echarts_doctor'
import { Card , Tag} from "antd";
import {
    CheckCircleOutlined,
    SyncOutlined,
    CloseCircleOutlined,
    ExclamationCircleOutlined,
  } from '@ant-design/icons';
import './index.css';
import EchartsMap from '../../components/echarts_survey/map';
class Home extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return ( 
            <div className='indexMain_box'>
                <Card title="Card Title">
                    <Card.Grid style={{width:"25%"}}><Tag icon={<CheckCircleOutlined />} color="success" style={{width:'100%',height:"100%"}}>Content</Tag></Card.Grid>
                    <Card.Grid style={{width:"25%"}}><Tag icon={<SyncOutlined />} color="processing" style={{width:'100%',height:"100%"}}>Content</Tag></Card.Grid>
                    <Card.Grid style={{width:"25%"}}><Tag icon={<CloseCircleOutlined />} color="error" style={{width:'100%',height:"100%"}}>Content</Tag></Card.Grid>
                    <Card.Grid style={{width:"25%"}}><Tag icon={<ExclamationCircleOutlined />} color="warning" style={{width:'100%',height:"100%"}}>Content</Tag></Card.Grid>
                </Card>
                <div className='indexMain_bigE'>
                    <Esurvey/>
                </div>
                <div className='indexMain_bigE' style={{height:500}}>
                    <EchartsMap/>
                </div>
                <ul className='indexMain_threeE'>
                    <li>
                   <Ecsdoctor/>
                    </li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        );
    }
}
 
export default Home;